﻿@model Leikjavefurinn.Context.TicTacToeGame
@{
    ViewBag.Title = "Gleðiland";
}


<script>
    //player1 = '@(Model.UserX)'; // Þetta hérna sér um að setja inn userinn sem opnar leikinn fyrst og setur hann inn í player1
    //player2 = '@(Model.UserO)';

    var playerId = '@(ViewData["PlayerId"])';
    var group = '@(Model.GameId)';
    var currentPlayer = @(ViewData["CurrentIndex"]);
</script>
<script src="/Scripts/TicTacToe.js"></script>

<h1>MYLLA</h1>
<h3>Þú ert að spila leikinn: @Model.GameName</h3>

<table id="tictactoe">
    <tbody>
        <tr>
            <td id="cell1">&nbsp;</td>
            <td id="cell2">&nbsp;</td>
            <td id="cell3">&nbsp;</td>
        </tr>
        <tr>
            <td id="cell4">&nbsp;</td>
            <td id="cell5">&nbsp;</td>
            <td id="cell6">&nbsp;</td>
        </tr>
        <tr>
            <td id="cell7">&nbsp;</td>
            <td id="cell8">&nbsp;</td>
            <td id="cell9">&nbsp;</td>
        </tr>
    </tbody>
</table>

<div id="message">&nbsp;</div>
<!--þetta birtir "Þú átt að gera skilaboð" í myllu-->

<a href="http://localhost:3136/TTT/Create">
    <input id="button" style="visibility: hidden" type="button" value="Búa til nýjan leik" /></a>
<!--Búa til nýjan leik takki, förum aftur á create heimasíðu-->

<h5>Hér getur þú talað við mótspilara þinn: </h5>

<div class="chat">
    <input type="text" id="chatMessage" />
    <input type="button" id="sendMessage" value="Senda" />
    <ul id="conversation">
    </ul>
</div>

<script src="~/Scripts/jquery.signalR-1.1.0.js"></script>
<script src="~/signalr/hubs"></script>
<script>
    $(function () {
        // Reference á ChatHub-inn
        var chat = $.connection.chatHub;
        // Fall sem birtir kommentin, í gegnum ChatHub (SignalR)
        chat.client.addMessage = function (message) {
            $('#conversation').append('<li>' + htmlEncode(message) + '</li>');
        };
        // Setur fókus á chatMessage (boxið)
        $('#chatMessage').focus()
        // Tengist hub
        $.connection.hub.start().done(function () {
            $('#sendMessage').click(function () {
                chat.server.send($('#chatMessage').val());
                // Hreinsar úr textaboxinu og setur fókus á komment kassann.
                $('#chatMessage').val('').focus();
            });
        });
    });
    // Fall sem breytir í html
    function htmlEncode(value) {
        var encode = $('<div />').text(value).html();
        return encode;
    };
</script>
